<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <title>一室一厅_全屋定制_全屋定制商城_曲美家居官网</title>
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/main.css" />
    <script src="./js/jQuery.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/wholeHousePaging.js"></script>
  </head>
  <body>
    <!-- 页面固定定位元素 -->
    <!-- 在线客服 -->
    <div class="serviceOnline">
      <div class="serviceOnlineLeft"></div>
      <a href="javascript:;" class="serviceOnlineRight"></a>
    </div>
    <!-- 右侧的返回顶部 -->
    <div class="navFixedInit">
      <ul>
        <li>
          <i class="iconfont icon-chizi"></i>
          <p>预约量尺</p>
        </li>
        <li>
          <i class="iconfont icon-dianhua"></i>
          <p>免费通话</p>
          <div class="navFixTel">400-6968898</div>
        </li>
        <li>
          <i class="iconfont icon-liwu"></i>
          <p>近期活动</p>
        </li>
        <li>
          <i class="iconfont icon-qrcode1"></i>
          <p>二维码</p>
          <div class="QMErWeiMa">
            <img src="./img/qmerweima.jpg" alt="" />
          </div>
        </li>
        <li class="topReturn">
          <i class="iconfont icon-fanhuidingbu"></i>
          <p>返回顶部</p>
        </li>
      </ul>
    </div>
    <!-- 底部的预约常驻 -->
    <div class="bottomFixed bottomFixedInit">
      <div class="bottomFixedMain">
        <div class="bottomFixedImg1 fl">
          <img src="./img/foot-o1.png" alt="" />
          <img src="./img/foot-c1.png" alt="" />
        </div>
        <div class="bottomFixedImg2 fl">
          <img src="./img/foot-o2.png" alt="" />
        </div>
        <div class="bottomFixedForm fl">
          <input type="text" placeholder="请输入姓名" />
          <input type="text" placeholder="请输入手机号" />
          <a href="javascript:;">免费预约</a>
        </div>
        <div class="bottomFixedImg3 fl">
          <img src="./img/foot-o3.png" alt="" />
          <img src="./img/foot-c2.png" alt="" class="showFixedImg" />
        </div>
        <div class="bottomFixedClose">
          <i class="iconfont icon-guanbi"></i>
        </div>
      </div>
    </div>
    <!-- 立即预约弹窗 -->
    <div class="ad">
      <div class="adImg"></div>
      <div class="adClose"></div>
      <div class="adZiXun"></div>
    </div>
    <!-- 固定定位元素结束 -->
    <!-- 头部 -->
    <header class="top container clear">
      <a href="javascript:;">
        <img src="./img/logo.gif" alt="" />
      </a>
      <div class="topCenter fl">
        欢迎来到曲美家居
        <a href="javascript:;">EN</a>
        <div class="topDown">
          <div class="fl">设计创造生活</div>
          <div class="search_input">
            <a href="javascript:;">
              <img src="./img/fdj.png" alt="" />
            </a>
            <input type="text" placeholder="搜索" />
          </div>
          <div class="search_tag">
            <span>热门标签：</span>
            <a href="javascript:;">儿童房</a>
            <a href="javascript:;">现代简约风格</a>
            <a href="javascript:;">客厅</a>
          </div>
        </div>
      </div>
      <div class="topRight fr">
        早8:30到晚20:00贴心咨询
        <i class="icon"></i>
        <a href="javascript:;">400-6968898</a>
      </div>
    </header>
    <!-- nav -->
    <nav class="container clear">
      <div class="fl clear navLeft">
        <!-- 分类 -->
        <div class="sort fl clear">
          <img src="./img/nav.png" alt="" />
          <span>分类</span>
        </div>
        <!--隐藏的导航 -->
        <div class="sortDetails">
          <dl>
            <dt>
              空间产品分类
              <a href="/keting.html">更多 &gt;</a>
            </dt>

            <dd>
              <a href="/keting.html">客厅</a>

              ／ <a href="/canting.html">餐厅</a>
            </dd>
            <dd>
              <a href="/chufang.html">厨房</a>

              ／ <a href="/woshi.html">卧室</a>
            </dd>
            <dd>
              <a href="/ertongfang.html">儿童房</a>

              ／ <a href="/shufang.html">书房</a>
            </dd>
            <dd>
              <a href="/yimaojian.html">衣帽间</a>

              ／ <a href="/tatami.html">榻榻米</a>
            </dd>
            <dd>
              <a href="/xuanguan.html">玄关</a>

              ／ <a href="/yangtai.html">阳台</a>
            </dd>
            <dd>
              <a href="/weishengjian.html">卫生间</a>
            </dd>
          </dl>
        </div>
      </div>
      <!-- 导航栏选项 -->
      <div class="navMain fl">
        <ul>
          <li>
            <a href="index.html"> 首页 </a>
          </li>
          <li>
            <a href="preferentialActivities.html"> 优惠活动 </a>
          </li>
          <li>
            <a href="liveStyle.html"> 生活方式 </a>
          </li>
          <li>
            <a href="wholeHouseCustomization.html" class="checkedA">
              全屋定制
            </a>
          </li>
          <li>
            <a href="cabinetArea.html"> 橱柜专区 </a>
          </li>
          <li>
            <a href="hotMoneyZone.html"> 爆款专区 </a>
          </li>
          <li>
            <a href="javascript:;"> 精彩案例 </a>
          </li>
          <li>
            <a href="javascript:;"> 家具体验馆 </a>
          </li>
          <li>
            <a href="javascript:;"> 生活馆 </a>
          </li>
        </ul>
      </div>
    </nav>
    <!-- 大图 -->
    <div class="whcBigPic">
      <img src="./img/whcBigPic.jpg" alt="" />
    </div>
    <!-- 优惠活动中间分页主体部分 引[preferentialActivities] -->
    <div class="preMiddle container clear whcMiddle">
      <div class="whcTags">
        <ul>
          <li class="checkedLi">
            <a href="javascript:;">一室一厅</a>
          </li>
          <li>
            <a href="javascript:;">两室两厅</a>
          </li>
          <li>
            <a href="javascript:;">三室两厅</a>
          </li>
          <li>
            <a href="javascript:;">四室两厅</a>
          </li>
          <li>
            <a href="javascript:;">LOFT</a>
          </li>
        </ul>
      </div>
      <!-- 分页部分 -->
      <!-- 一室一厅 -->
      <div class="preMiddleLeft fl">
        <ul class="whcMiddleUl clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting01.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting01Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">65㎡休闲自然生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting02.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting02Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">62㎡温暖如心北欧极简风大一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting05.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting05Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">24㎡单身也幸福的迷你公寓</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting06.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting06Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">32㎡小空间大容量乐享生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting07.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting07Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">54㎡现代简约原木系生活新一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting08.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting08Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">57㎡小清新简约风开间一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 分页按钮 -->
        <div class="prePagingBtn hidden">
          <a href="javascript:;" class="prevPage canNotCursor">上一页</a>
          <a href="javascript:;" class="currentPage">1</a>
          <a href="javascript:;">2</a>
          <a href="javascript:;" class="nextPage">下一页</a>
          <span class="totalPages">共 2 页</span>
        </div>
      </div>
      <!-- 两室两厅 -->
      <div class="preMiddleLeft fl hidden">
        <ul class="whcMiddleUl clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting07.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting07Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">54㎡现代简约原木系生活新一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting05.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting05Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">24㎡单身也幸福的迷你公寓</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting06.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting06Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">32㎡小空间大容量乐享生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting08.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting08Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">57㎡小清新简约风开间一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting01.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting01Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">65㎡休闲自然生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting02.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting02Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">62㎡温暖如心北欧极简风大一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 第二页的内容 -->
        <ul class="whcMiddleUl hidden clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting02.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting02Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">62㎡温暖如心北欧极简风大一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 分页按钮 -->
        <div class="prePagingBtn">
          <a href="javascript:;" class="prevPage canNotCursor">上一页</a>
          <a href="javascript:;" class="currentPage">1</a>
          <a href="javascript:;">2</a>
          <a href="javascript:;" class="nextPage">下一页</a>
          <span class="totalPages">共 2 页</span>
        </div>
      </div>
      <!-- 三室两厅 -->
      <div class="preMiddleLeft fl hidden">
        <ul class="whcMiddleUl clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting05.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting05Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">24㎡单身也幸福的迷你公寓</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting06.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting06Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">32㎡小空间大容量乐享生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting02.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting02Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">62㎡温暖如心北欧极简风大一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting08.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting08Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">57㎡小清新简约风开间一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting07.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting07Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">54㎡现代简约原木系生活新一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting01.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting01Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">65㎡休闲自然生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 第二页的内容 -->
        <ul class="whcMiddleUl hidden">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting02.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting02Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">62㎡温暖如心北欧极简风大一居</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 分页按钮 -->
        <div class="prePagingBtn">
          <a href="javascript:;" class="prevPage canNotCursor">上一页</a>
          <a href="javascript:;" class="currentPage">1</a>
          <a href="javascript:;">2</a>
          <a href="javascript:;" class="nextPage">下一页</a>
          <span class="totalPages">共 2 页</span>
        </div>
      </div>
      <!-- 四室两厅 -->
      <div class="preMiddleLeft fl hidden">
        <ul class="whcMiddleUl clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting05.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting05Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">24㎡单身也幸福的迷你公寓</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 分页按钮 -->
        <div class="prePagingBtn hidden">
          <a href="javascript:;" class="prevPage canNotCursor">上一页</a>
          <a href="javascript:;" class="currentPage">1</a>
          <a href="javascript:;">2</a>
          <a href="javascript:;" class="nextPage">下一页</a>
          <span class="totalPages">共 2 页</span>
        </div>
      </div>
      <!-- LOFT -->
      <div class="preMiddleLeft fl hidden">
        <ul class="whcMiddleUl clear">
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting01.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting01Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">65㎡休闲自然生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting03.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting03Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">55㎡邂逅马卡龙的甜蜜风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting04.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting04Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">47㎡甜美温馨现代风一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
          <li class="clear">
            <a href="javascript:;">
              <img src="./img/whc1shi1ting06.jpg" alt="" />
            </a>
            <div class="whcMiddleUlText">
              <img src="./img/whc1shi1ting06Touxiang.jpg" alt="" />
              <div class="whcMiddleUlTitle">
                <h3>
                  <a href="javascript:;">32㎡小空间大容量乐享生活一居室</a>
                </h3>
                <a href="javascript:;" class="buttonPublic fl">免费预约量房</a>
                <div class="buttonPublic fl hidden">已有888人预约</div>
              </div>
            </div>
          </li>
        </ul>
        <!-- 分页按钮 -->
        <div class="prePagingBtn hidden">
          <a href="javascript:;" class="prevPage canNotCursor">上一页</a>
          <a href="javascript:;" class="currentPage">1</a>
          <a href="javascript:;">2</a>
          <a href="javascript:;" class="nextPage">下一页</a>
          <span class="totalPages">共 2 页</span>
        </div>
      </div>
      <!-- 共有右边部分 -->
      <div class="preMiddleRight fr">
        <div class="preMiddleRightPart1">
          <a href="javascript:;">
            <img src="./img/preMiddleRightImg1.jpg" alt="" />
          </a>
        </div>
        <div class="preMiddleRightPart2">
          <img src="./img/preMiddleRightImg2.jpg" alt="" />
          <input type="text" placeholder="您的真实姓名" />
          <input type="text" placeholder="您的联系手机" />
          <a href="javascript:;" class="buttonPublic">提交</a>
          <div class="preMiddleRightPart2Bottom">
            已有
            <b>11000</b>
            位业主申请
          </div>
        </div>
        <div class="preMiddleRightPart3">精彩案例</div>
        <div class="preMiddleRightPart4">
          <a href="javascript:;">
            <img src="./img/whcMiddleRight01.jpg" alt="" />
          </a>
          <div>真会装！这位屋主家的装修在业主群传开了</div>
        </div>
        <div class="preMiddleRightPart4">
          <a href="javascript:;">
            <img src="./img/whcMiddleRight02.jpg" alt="" />
          </a>
          <div>老房换新65㎡二手房，三口之家如诗一般的生活</div>
        </div>
      </div>
    </div>
    <!-- 免费预约量房点击出现预约框 -->
    <div class="whcOrderPopup">
      <div class="whcOrderPopupBg"></div>
      <div class="whcOrderPopupText">
        <div class="whcOrderPopupContent">
          <div class="whcOrderPopupClose">
            <i class="iconfont icon-guanbi"></i>
          </div>
          <div class="whcOrderPopupTitle">
            <span>0</span>
            元免费预约
          </div>
          <input
            type="text"
            placeholder="您的真实姓名"
            class="applyForInputName"
          />
          <input
            type="text"
            class="applyForInputTel"
            placeholder="您的联系电话"
          />
          <div style="text-align: center">
            <div class="whcOrderPopupBtn buttonPublic">提交</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <footer class="clear">
      <div class="footerTop">
        <div class="footerTopBg"></div>
        <div class="iconList">
          <ul>
            <li>
              <div class="footIcon">
                <i class="iconFreeDoor"></i>
              </div>
              <h3>免费上门量尺</h3>
              <p>measurement</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconFreeDesign"></i>
              </div>
              <h3>免费设计</h3>
              <p>DESIGN</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconIntegrationOf"></i>
              </div>
              <h3>配送安装一体化</h3>
              <p>integration of</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconQuality"></i>
              </div>
              <h3>品质保证</h3>
              <p>quality of</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconEnvironmental"></i>
              </div>
              <h3>环保材料</h3>
              <p>Environmental</p>
            </li>
          </ul>
        </div>
      </div>
      <div class="footerBottom">
        <div class="footerBottomMain clear">
          <div class="footerBottomLeft">
            <h3>全国客服热线</h3>
            <div class="footerTel">400-6968898</div>
            <a href="javascript:;" class="buttonPublic footerButton"
              >招商合作申请</a
            >
          </div>
          <div class="footerBottomMiddle clear">
            <ul>
              <li class="aboutUs">
                <h2>
                  <a href="javascript:;">关于我们</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">企业介绍</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">曲美大事记</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">品牌荣誉</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">品牌大片</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">企业动态</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">绿色环保</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">企业负责</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">设计师联盟</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">旗下产品</a>
                  </dd>
                </dl>
              </li>
              <li class="businessTogether">
                <h2>
                  <a href="javascript:;">招商合作</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">招商加盟</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">人才招聘</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">商务采购</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">投资者关系</a>
                  </dd>
                </dl>
              </li>
              <li class="serviceSupport">
                <h2>
                  <a href="javascript:;">服务支持</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">定制流程</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">全国实体门店</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">商务采购</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">投资者关系</a>
                  </dd>
                </dl>
              </li>
              <li class="livePlace">
                <h2>
                  <a href="javascript:;">生活馆</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">你+生活馆</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">居+生活馆</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">B8全屋定制</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">高端生活馆</a>
                  </dd>
                </dl>
              </li>
            </ul>
          </div>
          <div class="footerBottomRight">
            <ul>
              <li>
                <img src="./img/footerRight1.jpg" alt="" />
                <p>关注订阅号</p>
              </li>
              <li>
                <img src="./img/footerRight2.jpg" alt="" />
                <p>关注服务号</p>
              </li>
            </ul>
          </div>
        </div>
        <div class="footer_copyright container">
          <div class="footerLink fl">
            <a href="javascript:;">联系我们</a>
            <a href="javascript:;">站点地图</a>
            <a href="javascript:;">友情链接</a>
          </div>
          <div class="footer_text fr">
            Copyright © 2020 北京曲美馨家商业有限公司. All Rights Reserved
            京ICP备 05013501号
            <span>技术支持 中企高呈</span>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
